<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <title>JRJR Happy Birthday</title>
 <link rel="stylesheet" href="../css/jquery.fullPage.css">
 <link rel="stylesheet" href="../css/memories.css" type="text/css"/>
 <link rel="stylesheet" href="../css/bubbles.css" type="text/css" />
 <!--<link rel="stylesheet" href="../css/style.css">-->
</head>

<body>
<div class="bgcolor">
  <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
          <div class="ly-box01" >
            <div class="ly-txt01" style="top:2%; left:6%;">
              <p class="ly-stxt01" style="font-family: STXingkai; font-size: 40px">又是一年，有点快来着~~📅</p>
              <p class="ly-stxt02" style="font-family: STXingkai; font-size: 40px">想写生日贺卡💌，可是我字太丑呢~~</p>
              <p class="ly-stxt03" style="font-family: STXingkai; font-size: 40px">想送礼物，别人都会送那你又怎会注意我嘛🙈</p>
              <p class="ly-stxt04" style="font-family: STXingkai; font-size: 40px">所以怎么办呢？怎么办呢？？🐒</p>
              <p class="ly-stxt05" style="font-family: STXingkai; font-size: 40px">程序猿头都想秃喽🌟，哈哈哈哈哈~~</p>
            </div>
            <div class="ly-txt02" style="top:2%; left:58%;">
              <p class="ly-stxt06" style="font-family: STXingkai; font-size: 40px">以程序猿的方式给你说生日快乐🍰</p>
              <p class="ly-stxt07" style="font-family: STXingkai; font-size: 40px">突然感觉也有点硬核呀~~💪</p>
              <p class="ly-stxt08" style="font-family: STXingkai; font-size: 40px">毕竟预想的方式应该是面对面给你庆祝的🎊</p>
              <p class="ly-stxt09" style="font-family: STXingkai; font-size: 40px">可是这一年感觉太多的事情都不太如人意😿</p>
              <p class="ly-stxt10" style="font-family: STXingkai; font-size: 40px">往下拉!笨蛋~~🐽</p>
            </div>
        </div>
      </div> 

<!---------------------------------->
      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11" style="width: 40%;height: 780px;">
              <div class="ly-txt11" style="width:100%;height:0%;left: 0%;top: 0%;">
                  <p align="center" style="font-family: STCaiyun; font-size: 50px">👑 Happy Birthday 👑</p>
              </div>
              <div class="ly-txt12">
                  
              </div>
              <div class="ly-imgbox11" style="height:80%; margin-left: 100px;">
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal; margin-top: 0px;">⚪ 现在回头想想过去再普通不过的时刻，其实有很多分岔口🏃</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">⚫ 那又是什么让你选择了通向现在的路呢❓</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">🔴 希望故事顺利发展，想必需要忍受足够多的失望和拥有等量的勇气~</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal; height: 10px"></p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">🔵 不想复述我们过去的陌生、相识、开心或者生气，只需要把它们当作一个开头</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">🔅 至于后续会如何发展....不知道你会如何去考虑🆕</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal; height: 10px"></p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">🔅 我喜欢以五年为一个节点，不知道五年后你会在哪里❔</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">🔔 和谁一起生活，做一份怎样的工作，怀着怎想的心情~~🐒</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">🔆 有没有养一直猫🐱或几只鱼🐟❔</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">🔸 会不会依旧恍恍惚惚红红火火❕</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">🔅 还是变成了飘荡江湖的侠客？？哈哈哈~~🤘</p>
              </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box12" style="left: 66%;width: 20%; height: 460px;">
              <div class="ly-imgbox11" style="height:100%">
                <img class="ly-img11" src="../img/6.jpg" style="height:100%">
              </div>
          </div>
          <div class="ly-triangle12" style="right: 34%;"></div>

          <div class="ly-box13" style="left: 89%;width: 10%; height: 230px;">
              <div class="ly-imgbox11" style="height:100%">
                  <img class="ly-img11" src="../img/5.jpg" style="height:100%">
              </div>
          </div>
          <div class="ly-triangle13" style="right: 11%;"></div>

      </div>

      <!--第三屏-->

      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21" style="width: 30%;height: 580px;">
              <div class="ly-txt21" style="width:100%;height:10%;left:10%; top:50px;font-family: STHupo" >
                  还有呢~~~🐷 🐷 🐷
              </div>
              <div class="ly-txt22" style="left:0%;margin-top: 50px;">
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">💗 有人说情感最重要的是享受的过程，不是所有人都能够相伴走到最后~~</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">💙 但是失落的时候，想起你还是会笑~~😄</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">💚 哪怕时间真的把一切都消磨了~~👻</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">💓 那还是希望从第一眼到最后一眼都能把感觉用尽~~👭</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal; height: 10px"></p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">💛 如果事物不能按照自己想的轨迹来发展</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">💜 我希望可以从中慢慢学会去看待，用轻松的态度去面对~~</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">💝 也希望我的热枕不会给双方的情绪施加压力</p>
                  <p style="font-family: YouYuan; font-size: 22px; font-weight: normal">🧡 不再过多的要求平等，学会平静的接受~~</p>
              </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22" style="width: 25%;height: 500px;left: 60%;top:40%;">
              <!--<div class="ly-txt23" style="width:100%;height:10%;left:10%">-->
                 <!--<img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">-->
              <!--</div>-->
              <div class="ly-txt23" style="width:100%;height:10%;left:10%; top:50px;font-family: STHupo" >
                  最后~~❗ ❗ ❗
              </div>
              <div class="ly-txt24" style="left:0%; margin-top: 50px;">
                  <p style="font-family: STXingkai; font-size: 30px; font-weight: normal">💗 希望你能遇见翻山越岭后的倾诉者</p>
                  <p style="font-family: STXingkai; font-size: 30px; font-weight: normal">💙 希望有人和你比肩而立吹夏风</p>
                  <p style="font-family: STXingkai; font-size: 30px; font-weight: normal">💚 与你盛夏白瓷梅子汤</p>
                  <p style="font-family: STXingkai; font-size: 30px; font-weight: normal">💓 碎冰碰壁当啷响</p>
                  <p style="font-family: STXingkai; font-size: 30px; font-weight: normal">💗 希望你一生所爱，岁岁常在</p>
                  <p style="font-family: STXingkai; font-size: 30px; font-weight: normal">💙 也有人愿意植荒十年，换你春生</p>
              </div>
              <!--<div class="ly-imgbox22" style="width:100%;">-->
                <!--<img class="ly-img22" src="../img/5.jpg">-->
              <!--</div>-->
          </div>
          <div class="ly-triangle22" style="left: 59%; top:43%;"></div>

      </div>

      <!--第二屏-->
      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint71"></div>
          <div class="ly-box21 xx71" style="height:900px;">
              <div class="ly-txt21" style="font-family: FZShuTi">
                  新的一岁你一定要：
              </div>
              <div class="ly-txt21" style="left: 10%;top: 70px; font-family: STHupo">
                  和煦如初，扫去云烟☀️
              </div>
              <div class="ly-txt22" style="top: 120px;">
                  <p style="font-family: FZShuTi; font-size: 23px"> 生活总有多少不如意 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 工作的压力、生活的烦恼...... </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 但希望你一直像曾经说起的那样 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 红红火火恍恍惚惚~~ </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> （虽然有点蠢，哈哈哈哈哈~~ </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 但谁又说这不算是个好状态呢 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 反正我是这样觉得的~~嘻嘻 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 温柔相待，让生活温柔也待你 </p>
              </div>
              <div class="ly-imgbox21">
                  <img class="ly-img21" src="../img/111.jpg">
              </div>
          </div>
          <div class="ly-triangle21 xx72"></div>

          <div class="ly-box71" style="height:800px;">
              <div class="ly-txt23" style="left:20%; top:50px;font-family: STHupo">
                  眼里始终有星星⭐
              </div>
              <div class="ly-txt71" style="top: 100px;">
                  <p style="font-family: FZShuTi; font-size: 23px"> 虽然一切都有太多的不确定性 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 都说社会能抹平人的棱角 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 但是在我眼里 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 也有看见过不一样的你 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 希望你，也是一定 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 能找到眼中的日和星~ </p>
              </div>
              <div class="ly-imgbox71">
                  <img class="ly-img71" src="../img/222.jpg">
              </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box72" style="height:700px;">
              <div class="ly-txt25" style="left:10%; top:50px;font-family: STHupo">
                  最后当然是要开心啦😊
              </div>
              <div class="ly-txt72" style="top: 100px;">
                  <p style="font-family: FZShuTi; font-size: 23px"> 希望以后的日子里 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 不管发生什么 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 不管是开心还是难过~~ </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 能知道 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> 总有人在远方思念着你 </p>
                  <p style="font-family: FZShuTi; font-size: 23px"> fighting~~fighting~~ </p>
              </div>
              <div class="ly-imgbox72">
                  <img class="ly-img72" src="../img/444.jpg">
              </div>
          </div>
          <div class="ly-triangle71"></div>

          <div class="ly-box73" style="height: 420px;">
              <div class="ly-txt25" style="font-family: STHupo; font-size: 35px">
                  Love you~~💗
              </div>
              <div class="ly-txt73">
                  <pre style="margin-bottom: 0px;"><p style="color: teal; font-weight: bolder;margin-bottom: 0px;">

          JJJJJJJJJJJRRRRRRRRRRRRRRRRR
          J:::::::::JR::::::::::::::::R
          J:::::::::JR::::::RRRRRR:::::R
          JJ:::::::JJRR:::::R     R:::::R
            J:::::J    R::::R     R:::::R
            J:::::J    R::::R     R:::::R
            J:::::J    R::::RRRRRR:::::R
            J:::::j    R:::::::::::::RR
            J:::::J    R::::RRRRRR:::::R
JJJJJJJ     J:::::J    R::::R     R:::::R
J:::::J     J:::::J    R::::R     R:::::R
J::::::J   J::::::J    R::::R     R:::::R
J:::::::JJJ:::::::J  RR:::::R     R:::::R
 JJ:::::::::::::JJ   R::::::R     R:::::R
   JJ:::::::::JJ     R::::::R     R:::::R
     JJJJJJJJJ       RRRRRRRR     RRRRRRR

                  </p></pre>
                  <p style="margin-top: 0px;margin-bottom: 0px; font-size: 22px">🤞🤞🤞🤞🤞🤞🤞🤞🤞🤞🤞🤞🤞🤞</p>
              </div>
          </div>
          <div class="ly-triangle72"></div>
      </div>

       </div>
  <!--试验-->
  <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    
  </div>
  <audio src="../music/1.mp3" autoplay="autoplay" loop="loop"></audio>

<script src="../js/jquery-1.8.3.min.js"></script>
<script src="../js/jquery.fullPage.min.js"></script>
<script src="../js/diy.js"></script>
</body>
</html>